/*
  学习目标：使用setState修改数据
  作用: setState更新状态
  语法: this.setState({更新的数据变量名, 更新的值})
*/

import React, { Component } from 'react';

export default class App extends Component {
  state = {
    count: 99,
  };

  handleAdd = () => {
    console.log('this.state.count  ----->  ', this.state.count);
    //✅ 必须通过setState修改数据
    this.setState({ count: this.state.count + 1 });

    // 💥 不可变数据
    // ❌ 不允许直接修改state的值, 必须通过setState修改
    // this.state.count++;
  };

  render() {
    return (
      <div>
        <h1>{this.state.count}</h1>
        <button onClick={this.handleAdd}>点我+1</button>
      </div>
    );
  }
}
